<template>
  <div>
    <purchaseOrderPrint v-if="valuePom == 'A'" />
    <purchaseOrderPrintTwo v-else-if="valuePom == 'B'" />
    <purchaseOrderPrintThree v-else />
  </div>
</template>

<script lang="ts">
import { defineComponent, toRefs } from 'vue';
import importFunction from './test';
import purchaseOrderPrint from '@/views/printTemplate/purchaseOrderPrint/purchaseOrderPrint.vue';
import purchaseOrderPrintTwo from '@/views/printTemplate/purchaseOrderPrintTwo/purchaseOrderPrintTwo.vue';
import purchaseOrderPrintThree from '@/views/printTemplate/purchaseOrderPrintThree/purchaseOrderPrintThree.vue';
export default defineComponent({
  name: 'TestDom',
  components: {
    purchaseOrderPrint,
    purchaseOrderPrintTwo,
    purchaseOrderPrintThree,
  },
  setup() {
    const { init, base } = importFunction();
    init();
    return {
      ...toRefs(base),
    };
  },
});
</script>

<style></style>
